 <extend name="basic" />


    <block name="title"><title>我爱预约网首页</title></block>
	<block name="files">

		<link href="__ROOT__/Application/Home/View/Public/Css/index.css" rel="stylesheet" type="text/css" />
		<link href="__ROOT__/Application/Home/View/Public/Css/jquery.hovertree.css" rel="stylesheet" type="text/css" />

		<script src='__ROOT__/Application/Home/View/Public/Js/jquery.hovertree.js'></script>	
		

	<script src='__ROOT__/Application/Home/View/Public/Js/index.js'></script>	

	</block>   


	 <block name='content'>
	 	<!-- 网页导主体 -->  
		<div class="row">
		  <div class="col-md-2 content_left">

			<div id="keleyihovertree" class="hovertree" style="widows: 169px;px">
			    <div class="hovertreeitem hvtcurrent">
			    	<!-- 一级目录 -->  
					<h3><b></b><a href="###">美食</a></h3>
				    <ul>
					    <li><a href="###">地点</a>
					    	<ul>
								<li><a href="###">地点</a></li>
								<li><a href="###">商圈</a></li>
						 	</ul>
						 </li>
					    	

					    <li><a href="###">目的</a>
					    	<!-- 二级目录 -->  
						  	<ul>
								<li><a href="###">约会</a></li>
								<li><a href="{:U('Shop/Index')}">宴请</a></li>
								<li><a href="###">聚会</a></li>
						  	</ul>
						</li>
						<li><a href="###">菜系</a>
							<ul>
								<li><a href="###">炒菜</a></li>
								<li><a href="###">火锅</a></li>
								<li><a href="###">烧烤</a></li>
								<li><a href="###">自助</a></li>
								<li><a href="###">西餐</a></li>
								<li><a href="###">小吃</a></li>
						  	</ul>
						</li>

						<li><a href="###">人均消费</a>
							<ul>
								<li><a href="###">50以下</a></li>
								<li><a href="###">51-100</a></li>
								<li><a href="###">101-200</a></li>
								<li><a href="###">201-300</a></li>
								<li><a href="###">300以上</a></li>
						  	</ul>
						</li>
						<li><a href="###">服务类别</a>
							<ul>
								<li><a href="###">可预订</a></li>
								<li><a href="###">可外卖</a></li>								
						  	</ul>

						</li>
						<li><a href="###">优惠</a>
							<ul>
								<li><a href="###">团购</a></li>
								<li><a href="###">商家优惠</a></li>
								<li><a href="###">平台活动</a></li>
						  	</ul>
						</li>
							
						<li><a href="###">特别服务</a>
							<ul>
								<li><a href="###">WIFI</a></li>
								<li><a href="###">停车</a></li>
								<li><a href="###">刷卡</a></li>
								<li><a href="###">舞台</a></li>
						  	</ul>


						</li>				
					</ul>
			    </div>
			    <div class="hovertreeitem">
			        <h3><b></b><a href="###">酒店</a></h3>
			    </div>
			    <div class="hovertreeitem">
			        <h3><b></b><a href="###">美容美发</a></h3>
			    </div>
			    <div class="hovertreeitem">
			    	<h3><b></b><a href="###">运动健身</a></h3>
			    </div>
			    <div class="hovertreeitem">
			    	<h3><b></b><a href="###">提示：其他都在开发中...</a></h3>
			    </div>
			</div>


		  </div>
		  <div class="col-md-8 content_middle">

				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
				  </ol>

				  <!-- Wrapper for slides -->
				  <div class="carousel-inner " role="listbox">
				    <div class="item active list_box">
				      <img src="__ROOT__/Application/Home/View/Public/Images/011.jpg" alt="...">
				      <div class="carousel-caption">
				        <h3>幼儿园图片1</h3>
				      </div>
				    </div>
				    <div class="item list_box">
				      <img src="__ROOT__/Application/Home/View/Public/Images/012.jpg" alt="...">
				      <div class="carousel-caption">
				        <h3>幼儿园图片2</h3>
				      </div>

				    </div>
				    <div class="item list_box">
				      <img src="__ROOT__/Application/Home/View/Public/Images/013.jpg" alt="...">
				      <div class="carousel-caption">
				        <h3>幼儿园图片3</h3>
				      </div>

				    </div>
				  </div>

				  <!-- Controls -->
				  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				    <span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				    <span class="sr-only">Next</span>
				  </a>
				</div> 
		  </div>
		  <div class="col-md-2 content_right">

		    <div class="shop_in">
		    	<button type="button" class="btn btn-success">商家入驻</button>
		    </div>

		    <div class="get_shop">
		    	<button type="button" class="btn btn-success">认领商铺</button>
		    </div>				

		  </div>
		</div> 
 	</block>
